<%--
  Created by IntelliJ IDEA.
  User: FK
  Date: 2018/1/4
  Time: 10:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
    <title>政策文件</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8 ? MYOA_CHARSET : htmlspecialchars($HTML_PAGE_CHARSET))?>" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <%--<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">--%>
    <meta name="viewport" content="width=device-width, initial-scale=0.3, user-scalable=0, minimum-scale=0, maximum-scale=5.0,user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/street/street.css"/>
    <link rel="stylesheet" href="/css/officialDocument/officialDocument.css">
    <link rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <link rel="stylesheet" href="/lib/laydate/need/laydate.css">
    <link rel="stylesheet" href="/lib/layer/skin/default/layer.css">
    <%--<link rel="stylesheet" type="text/css" href="/css/patrol/patrol.css"/>--%>
    <link rel="stylesheet" href="/css/base.css">
<%--    <link rel="stylesheet" type="text/css" href="/lib/layui/layui/css/layui.css"/>--%>
    <script src="/js/jquery/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jQuery-File-Upload-master/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jQuery-File-Upload-master/jquery.ui.widget.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jQuery-File-Upload-master/jquery.iframe-transport.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jQuery-File-Upload-master/jquery.fileupload.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/layer/layer.js?20201106" type="text/javascript" charset="utf-8"></script>
    <script src="/js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/base/tablePage.js"></script>
    <script src="/lib/laydate/laydate.js"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="../js/jquery/jquery.cookie.js"></script>
    <style>
        body{
            margin:0px;
        }
        .info{
            width:180px;
            height:28px;
            border-radius: 3px;
            margin-left:20px;
            vertical-align: middle;
        }
        button{
            background: #2f8ae3;
            margin-left: 10px;
            padding: 5px 10px;
            border-radius: 4px;
            color: #fff;
            cursor: pointer;
            font-size:14px;
        }
        #add{
            float:right;
            margin:0px 40px 10px 0px;
        }
        .table{
            width:96%;
            margin:20px auto 0px;
        }
        .tableFoot{
            margin-top:20px;
        }
        .childCheck{
            width:16px;
            vertical-align: middle;
        }

        #checkAll{
            margin-left:10px;
        }
        #outport{
            background: #009900
        }
        #inportEdit{
            background: #009900;
        }
        .M-box3 .active{
            margin: 0px 3px;
            width: 29px;
            height: 29px;
            line-height: 29px;
            background: #2b7fe0;
            font-size: 12px;
            border: 1px solid #2b7fe0;
            color:#fff;
            text-align:center;
            display: inline-block;
        }
        .M-box3 a{
            margin: 0 3px;
            width: 29px;
            height: 29px;
            line-height: 29px;
            font-size: 12px;
            display: inline-block;
            text-align:center;
            background: #fff;
            border: 1px solid #ebebeb;
            color: #bdbdbd;
            text-decoration: none;
        }
        .mainBg .mainTitle{
            min-width: 750px;
        }
        .mainTitleUl .bordercolor span{
            font-size:14px;
        }
        .mainTitleUl .bordercolor label input[type=text]{
            font-size:14px;
        }
        .mainBg{
            padding-top:0px;
        }
        #grid{
            background: none!important;
        }
        .mainTitleUl .bordercolor label{
            text-align: left;
        }
        .ATTACH_a{
            color:#228CDC
        }

        .lue{
            width:200px;
            overflow: hidden;
            margin:0 auto;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        #query_uploadArr{
            margin-top: 5px;
            border: 1px solid #ddd;
            width: 50%;
            float: left;
            min-height: 45px;
            max-height: 102px;
            overflow: auto;
        }
        b {
            color: red;
            display: inline-block;
            vertical-align: middle;
            margin: 5px 5px 0px;
            font-size: 20px;
        }
    </style>
    <link rel="stylesheet" href="/css/biaodan.css">
</head>
<body>

<div class="content" >
    <div style="    height: 45px;border-bottom: 1px solid #dddddd;" id="iframe12">
        <div class="headImg" style="    width: 23px;
    height: 23px;
    margin-left: 21px;">
            <img style="    margin-top: 10px;width: 100%;height: 100%" src="/img/document/icon_agentDispatch.png" alt="">
        </div>
        <div class="divTitle" style="font-size: 22px;    margin-left: 46px;line-height: 0;">
            政策文件
        </div>
    </div>
    <div class="tableList" style="margin-top: 13px;">
        <div class="headNav">
            <%--<input type="text" class="info" placeholder="企业信息">--%>
            <%--<select class="info" name="xiala" id="">--%>
            <%--<option value="0">所有处理结果</option>--%>
            <%--<option value="1">完成</option>--%>
            <%--<option value="2">未完成</option>--%>
            <%--</select>--%>
            <%--<button id="query">查询</button>--%>
            <%--<button id="inport">导入</button>--%>
            <%--<button id="inportEdit">导入修改</button>--%>
            <button class="layui-btn choose" id="add" data-type="0" style="margin-bottom: 4px;margin-right: 2.5%;float: right">新建</button>
        </div>
        <div class="table">
            <table>
                <thead>
                <tr>
                    <%--<th style="width:1%"></th>--%>
                    <th style="width: 50px">序号</th>
                    <th>标题</th>
                    <th>类型</th>
                    <%--<th>内容</th>--%>
                    <th>发布时间</th>
                    <th>发布人</th>
                    <th>所属组织</th>
                    <%--<th>负责人联系方式</th>--%>
                    <%--<th>卫生许可证</th>--%>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody class="list">

                </tbody>
            </table>
            <div class="tableFoot">
                <%--<input type="checkbox" id="checkAll"  style="width:16px;vertical-align: middle">--%>
                <%--<label for="checkAll" style="font-size:14px;">全选</label>--%>
                <%--<button id="outport">导出</button>--%>
            </div>

        </div>
        <div style="margin: -10px auto 0px;height:50px;width: 97%;" class="clearfix">
            <div id="dbgz_page" class="M-box3" style="display: none">

            </div>
        </div>
    </div>
    <div class="mainBg" style="background: #fff;display: none">
        <form action="/inspectorProblem/addProblem" id="datasave">
            <%--<input type="file"  onchange="filesTwo(this)" multiple="multiple" name="file"--%>
            <%--style="display: none"/>--%>
            <%--<input type="hidden" name="userId">--%>
            <input type="hidden" name="sendtime">
            <input type="hidden" name="addname">
            <input type="hidden" name="delname">
            <div class="mainTitle" style="border-bottom:none;padding-bottom:0px">
                <ul class="mainTitleUl">
                    <li style="    padding-top: 18px;text-align: center;height: 0px !important;border-bottom: none !important;"><span class="spanSize"></span> </li>
                    <li class="bordercolor clearfix">
                        <span style="border-bottom: 1px solid #fff;"><b>*</b>标题</span>
                        <label style="width: 80%;">
                            <input type="text" name="title" placeholder="请填写标题" style="background: #fcfcfc;    width: 50%;
    float: none;
    margin-top: 9px;" >
                        </label>
                    </li>
                    <li class="bordercolor clearfix">
                        <span style="border-bottom: 1px solid #fff;">类型</span>
                        <label style="width: 80%;">
                            <input type="text" name="type" placeholder="请填写类型" style="background: #fcfcfc;    width: 50%;
    float: none;
    margin-top: 9px;" >
                        </label>
                    </li>
                    <li class="bordercolor clearfix">
                        <span style="border-bottom: 1px solid #fff;height: 80px;line-height: 80px;">内容</span>
                        <label style="width: 80%;height: 80px;">

                            <textarea name="content" id="content" style="width: 50%;height: 60px;margin-top:9px;"></textarea>
                        </label>
                    </li>
                    <li class="bordercolor clearfix">
                        <span style="border-bottom: 1px solid #fff"><b>*</b>发布时间</span>
                        <label style="width: 44%;">
                            <input type="text" id="time" name="" placeholder="请填写发布时间" style="background: #fcfcfc;    width: 92%;float: none;margin-top: 0px; margin-top: 8px;" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                        </label>

                    </li>
                    <li class="bordercolor clearfix">
                        <span style="border-bottom: 1px solid #fff">发布人</span>
                        <label style="width: 44%;">
                            <input type="text" readonly="readonly" name="senduser" placeholder="请填写发布人" style="background: #fcfcfc;    width: 92%;float: none;margin-top: 0px; margin-top: 8px;">
                        </label>

                    </li>
                    <li class="bordercolor clearfix">
                        <span style="border-bottom: 1px solid #fff;"><b>*</b>所属组织</span>
                        <label style="width: 80%;">

                            <select id="grid" name="orgdepid" style="width: 50%;"></select>
                        </label>
                    </li>

                </ul>

            </div>
        </form>
        <div style="width:100%;background: #f6f6f6">
            <div class="mainTitle" style="padding:0 10px;border-top:none">
                <form id="uploadimgform" style="height: 180px;"target="uploadiframe"  action="../upload?module=attachment" enctype="multipart/form-data" method="post">
                    <input type="file" multiple="multiple" name="file" id="uploadinputimg"  class="w-icon5" style="position: absolute;opacity: 0;width: 70px;cursor:pointer;
                        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)">
                    <ul class="mainTitleUl"  style="    margin-left: 0px;">
                        <li class="bordercolor clearfix" style="border: none !important;    background: none;">
                            <span style="border-bottom: 1px solid #fff;height: 64px;line-height: 64px">附件</span>
                            <label style="width: 80%;height: 64px;text-align: left;font-size:16px;border-bottom:none;line-height: 20px;">
                                <div id="query_uploadArr"></div>
                                <a id="uploadimg" style="cursor: pointer;color:#2F8AE3;padding-left:20px;float:left;line-height: 57px;">附件上传</a>
                                <div style="width: 400px;">
                                    <a href="javascript:void (0)" data="0" class="preservation" style="
                margin-top: 25px;display: inline-block;margin-right: 10px;
                line-height: 1;font-size:18px;padding: 8px 20px;
                background: #2F8AE3;color: #fff;border-radius: 6px;">保存</a>
                                    <a href="javascript:void (0)" class="getBack"  style="
                margin-top: 25px;display: inline-block;
                line-height: 1;font-size:18px;padding: 8px 20px;background: #2F8AE3;color: #fff;border-radius: 6px" >返回</a>
                                </div>
                            </label>
                        </li>
                    </ul>

                </form>
            </div>
        </div>

    </div>
</div>

<script>
    // 获取地址栏参数值
    function getQueryString(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }
    var tag = getQueryString("tag");
    if(tag==1){
        $(".table").css('margin-top','50px')
        $("#add").css('background','#2f8ae3')
        $("#add").css('padding','4px 13px')
        $("#add").css('margin-top','8px')
        $('body').css('background','#f2f2f2')
        $('#iframe12').css('display','none')
    }else{
        $("#add").css("display","none")
    }
    $(document).on('click','.choose',function(){
        var type=$(this).attr('data-type');
        // $('.tableList').hide();
        // $('.mainBg').show();
        $('#grid').val('');
        if(type==0){//新建
            $('.tableList').hide();
            $('.mainBg').show();
            $('.preservation').attr('data-type','0');
            $('.preservation').show();
            getUser();
            use();
            refresh();
            $('#time').val(new Date().Format('yyyy-MM-dd hh:mm:ss'))

            $('#datasave').attr('action','/orgGoviment/addOrgGoviment')

        }else if(type==1){//查看
            var id=$(this).parents('tr').attr('id')
            $('.preservation').hide();
            // getUser()
            // noUser();
            // detail(id,1)
            noUser()
            cssBor()
            look(id,1)
        }else{//修改
            $('.tableList').hide();
            $('.mainBg').show();
            var id=$(this).parents('tr').attr('id')
            $('.preservation').attr('data-type','2')
            $('.preservation').attr('data-id',id);
            $('.preservation').show();
            $('#datasave').attr('action','/orgGoviment/updateOrgGoviment?gid='+id)
            use();
            getUser();
            detail(id,2);

        }
    })
    //    点击返回
    $('.getBack').click(function(){
        $('.tableList').show();
        $('.mainBg').hide();
    })
    //    禁用
    function noUser(){
        $('input[type="text"]').attr('disabled','disabled');
        $('input[type="radio"]').attr('disabled','disabled');
        $('textarea').attr('disabled','disabled');
        $('select').attr('disabled','disabled');
    }
    //清空
    function qingknog() {
        $('input').val('');
    }
    //    可以使用
    function use(){
        $('input[type="text"]').removeAttr('disabled');
        $('input[type="radio"]').removeAttr('disabled');
        $('textarea').removeAttr('disabled');
        $('select').removeAttr('disabled','disabled');
    }
    function getUser(){
        $.ajax({
            url:'/orgGoviment/getSqlType',
            type:'get',
            dataType:'json',
            success:function(res){
                var data=res.object;
                $('input[name="senduser"]').val(data.deptName);
                //格式化时间
                var date=new Date();
                var year=date.getFullYear();
                var Month=date.getMonth()+1;
                var days=date.getDate();//获取当前是几号
                var H=date.getHours();
                var Min=date.getMinutes();
                var sec=date.getSeconds();
                $('input[name="publishTime"]').val(year+'-'+Month+'-'+days+' '+H+':'+Min+':'+sec)

            }
        })
    }
    //    分页列表
    var ajaxPageLe={
        data:{
            page:1,//当前处于第几页
            pageSize:10,//一页显示几条
            useFlag:true
            // computationNumber:null
        },
        page:function () {
            var me=this;
            $.ajax({
                url:'/orgGoviment/orgGovimentList1',
                type:'get',
                data:me.data,
                dataType:'json',
                success:function(reg){
                    var datas=reg.obj;
                    var str="";
                    for(var i=0;i<datas.length;i++){
                        //  var sj =getNowFormatDate(datas[i].sendtime)
                        var sj =datas[i].sendtime;
                        str+=' <tr id="'+datas[i].gid+'">' +
                            //                            '                    <td>' +
                            //                            '                        <input type="checkbox" class="childCheck">' +
                            //                            '                    </td>' +
                            '                    <td>'+(i+1)+'</td>' +
                            // '                    <td><div class="lue" title="'+datas[i].title+'"><a href="javascript:;" class="choose" data-type="1">'+datas[i].title+'</a></div></td>' +
                            '                    <td>'+datas[i].title+'</td>' +
                            '                    <td>'+datas[i].type+'</td>' +
                            //   '                    <td><div class="lue" title="'+datas[i].content+'">'+datas[i].content+'</div></td>' +
                            '                    <td>'+sj+'</td>' +
                            '                    <td>'+datas[i].userName+'</td>' +
                            '                    <td>'+datas[i].orgDeptName+'</td>' +
                            /* '                    <td>'+datas[i].sanitaryPermit+'</td>' +*/
                            '                    <td>' +
                           ' <a href="javascript:;" class="choose" data-type="1" >查看</a>' +
                            '                        <a href="javascript:;" class="choose up" data-type="2" id="iframeXiu">修改</a>' +
                            '                        <a href="javascript:;" class="del de" id="iframeDel">删除</a>' +
                            '                    </td>' +
                            '                </tr>'
                    }
                    $('.list').html(str);
                    if(tag!=1){
                        $(".de").css("display","none")
                        $(".up").css("display","none")
                    }
                    if(reg.totleNum>10){
                        $('#dbgz_page').show();
                        me.pageTwo(reg.totleNum,me.data.pageSize,me.data.page)
                    } else {
                        $('#dbgz_page').hide();
                    }

                }
            })

        },
        pageTwo:function (totalData, pageSize,indexs) {
            var mes=this;
            $('#dbgz_page').pagination({
                totalData: totalData,
                showData: pageSize,
                jump: true,
                coping: true,
                homePage:'',
                endPage: '',
                current:indexs||1,
                callback: function (index) {
                    mes.data.page=index.getCurrent();
                    mes.page();
                }
            });
        }
    }
    ajaxPageLe.page();
    //    点击全选
    $('#checkAll').click(function(){
        var state=$(this).prop('checked');
        if(state == true){
            $(this).prop('checked',true);
            $('.childCheck').prop('checked',true);
        }else{
            $(this).prop('checked',false);
            $('.childCheck').prop('checked',false);
        }
    })
    //    点击删除
    $('.list').on('click','.del',function(){
        var id=$(this).parents('tr').attr('id')
        layer.confirm(' 确定要删除吗', {
            btn: ['确定', '取消'], //按钮
            title: " 删除"
        },function(){
            $.ajax({
                url:'/orgGoviment/orgGovimentDelete',
                type:'post',
                dataType:'json',
                data:{gid:id},
                success:function(){
                    layer.msg(' 删除成功', {icon: 6});
                    ajaxPageLe.page();
                }
            })
        }, function () {
            layer.closeAll();
        })
    })

    //    获取所属社区下拉框内容
    $.get('/orgDepartment/queryDepIdList',function (json) {
        if(json.flag){
            var str='';
            str+='<option value="">请选择</option>'
            for(var i=0;i<json.obj.length;i++){
                str+='<option value="'+json.obj[i].orgDeptId+'">'+json.obj[i].orgDeptName+'</option>'
            }
            $('#grid').html(str)
        }
    })

    //    点击保存
    $('.preservation').click(function(){
        if($('input[name="title"]').val()==""){
            $.layerMsg({content:'请填写标题',icon:7});
            return ;
        }
        if($('#time').val()==""){
            $.layerMsg({content:'请填写时间',icon:7})
        }else if($('#grid option:selected').val()==''){$.layerMsg({content:'请填写所属组织',icon:7})}else {
            var type=$(this).attr('data-type');
            var remindTime = $("#time").val();
            var strs = remindTime.toString();
//            strs = strs.replace("/-/g", "/");
//            var oDate1 = new Date(Date.parse(strs));
//            console.log(oDate1)
            $("input[name='sendtime']").val(strs)

            var fileId="";
            var fileName="";
            for(var i=0;i<$('.inHidden').length;i++){
                fileId += $('.inHidden').eq(i).val();
                fileName += $('.inHidden').eq(i).attr('name');
            }
            $('input[name="addname"]').val(fileId);
            $('input[name="delname"]').val(fileName);



            if(type==0){//新建
                $('#datasave').attr('action','/orgGoviment/addOrgGoviment')
                $('#datasave').ajaxSubmit({
                    type:'post',
                    dataType:'json',
                    success:function(res){
                        if(res.flag){
                            $.layerMsg({content:'新建成功',icon:1})
                            $('.tableList').show();
                            $('.mainBg').hide();
                            ajaxPageLe.data.page=1;
                            ajaxPageLe.page();
                        }else{
                            $.layerMsg({content:'新建失败',icon:1})
                        }
                    }
                })
            }else if(type==2){
                var id=$(this).attr('data-id')
                $('#datasave').attr('action','/orgGoviment/updateOrgGoviment?gid='+id)
                $('#datasave').ajaxSubmit({
                    type:'post',
                    dataType:'json',
                    success:function(res){
                        if(res.flag){
                            $.layerMsg({content:'修改成功',icon:1})
                            $('.tableList').show();
                            $('.mainBg').hide();
                            ajaxPageLe.data.page=1;
                            ajaxPageLe.page();
                        }else{
                            $.layerMsg({content:'修改失败',icon:1})
                        }
                    }
                })
            }
        }

    })

    //    查看详情
    function  detail(id,type) {
//        console.log($.cookie('meId'))
        $('#query_uploadArr').html('');
        $.ajax({
            url:'/orgGoviment/orgGovimentDetail',
            data:{gid:id},
            dataType:'json',
            type:'get',
            success:function(res){
                var data=res.object;
                var sj =data.sendtime;
                $('input[name="title"]').val(data.title);//单位
                $('#content').val(data.content)//单位地址
                $('input[name="type"]').val(data.type);//联系人
                $('input[name="senduser"]').val(data.userName);//联系电话
                $('#time').val(sj)
                $('input[name="orgdepid"]').val(data.orgdepid);//灶头数
                $('#grid').val(data.orgdepid).attr("selected",true);
                check('area',data.area)//营业执照
                check('existingProblem',data.existingProblem)//卫生许可证
                check('processType',data.processType)//环评批复
                check('problemSuituation',data.problemSuituation)//环评验收
                check('userName',data.userName)//油烟净化设备安装合同
//                显示附件
                var arr = data.attachmentList;
//                var arr = data.attachments1;
                var str1=""
                if(type ==1){
                    if (data.attachments1 != '') {
                        for (var i = 0; i < (arr.length); i++) {
                            str1+='<div class="dech" deUrl="'+encodeURI(arr[i].attUrl)+'" style="display:block;"><a class="ATTACH_a" style="color:#2F8AE3;" NAME="'+arr[i].attachName+'*" href="<%=basePath %>download?'+encodeURI(arr[i].attUrl)+'">'+arr[i].attachName+'</a><input type="hidden" NAME="'+arr[i].attachName+'*"  class="inHidden" value="'+arr[i].aid+'@'+arr[i].ym+'_'+arr[i].attachId+',"></div>';
                        }
                        $('#query_uploadArr').append(str1);
                    };
                }else {
                    if (data.attachments1 != '') {
                        for (var i = 0; i < (arr.length); i++) {
                            str1+='<div class="dech" deUrl="'+encodeURI(arr[i].attUrl)+'" style="display:block;"><a class="ATTACH_a" style="color:#2F8AE3;" NAME="'+arr[i].attachName+'*" href="<%=basePath %>download?'+encodeURI(arr[i].attUrl)+'">'+arr[i].attachName+'</a><img class="deImgs" style="margin-left:5px;cursor: pointer;" src="../img/file/icon_deletecha_03.png"/><input type="hidden" NAME="'+arr[i].attachName+'*"  class="inHidden" value="'+arr[i].aid+'@'+arr[i].ym+'_'+arr[i].attachId+',"></div>';
                        }
                        $('#query_uploadArr').append(str1);
                    };
                }
                $('input[name="addname"]').val(data.addname)
                $('input[name="delname"]').val(data.delname)

                if(type==1){
//                    $('input[type="file"]').attr('disabled','disabled')
                    $('#uploadimg').hide();
                }else{
                    $('#uploadimg').show();
                }
            }
        })
    }


    function look(id,type){
        $.ajax({
            url:'/orgGoviment/orgGovimentDetail',
            data:{gid:id},
            dataType:'json',
            type:'get',
            success:function(res){
                var data=res.object;
                var sj =data.sendtime;
                // $('input[name="title"]').val(data.title);//单位
                // $('#content').val(data.content)//单位地址
                // $('input[name="type"]').val(data.type);//联系人
                // $('input[name="senduser"]').val(data.userName);//联系电话
                // $('#time').val(sj)
                // $('input[name="orgdepid"]').val(data.orgdepid);//灶头数
                // $('#grid').val(data.orgdepid).attr("selected",true);
                // check('area',data.area)//营业执照
                // check('existingProblem',data.existingProblem)//卫生许可证
                // check('processType',data.processType)//环评批复
                // check('problemSuituation',data.problemSuituation)//环评验收
                // check('userName',data.userName)//油烟净化设备安装合同
//                显示附件
                var arr = data.attachmentList;
//                var arr = data.attachments1;
                var str1=""
                if(type ==1){
                    if (data.attachments1 != '') {
                        for (var i = 0; i < (arr.length); i++) {
                            str1+='<div class="dech" deUrl="'+encodeURI(arr[i].attUrl)+'" style="display:block;"><a class="ATTACH_a" style="color:#2F8AE3;" NAME="'+arr[i].attachName+'*" href="<%=basePath %>download?'+encodeURI(arr[i].attUrl)+'">'+arr[i].attachName+'</a><input type="hidden" NAME="'+arr[i].attachName+'*"  class="inHidden" value="'+arr[i].aid+'@'+arr[i].ym+'_'+arr[i].attachId+',"></div>';
                        }
                    };
                }else {
                    if (data.attachments1 != '') {
                        for (var i = 0; i < (arr.length); i++) {
                            str1+='<div class="dech" deUrl="'+encodeURI(arr[i].attUrl)+'" style="display:block;"><a class="ATTACH_a" style="color:#2F8AE3;" NAME="'+arr[i].attachName+'*" href="<%=basePath %>download?'+encodeURI(arr[i].attUrl)+'">'+arr[i].attachName+'</a><img class="deImgs" style="margin-left:5px;cursor: pointer;" src="../img/file/icon_deletecha_03.png"/><input type="hidden" NAME="'+arr[i].attachName+'*"  class="inHidden" value="'+arr[i].aid+'@'+arr[i].ym+'_'+arr[i].attachId+',"></div>';
                        }
                    };
                }
                $('input[name="addname"]').val(data.addname)
                $('input[name="delname"]').val(data.delname)

                if(type==1){
//                    $('input[type="file"]').attr('disabled','disabled')
                    $('#uploadimg').hide();
                }else{
                    $('#uploadimg').show();
                }
                layer.open({
                    type: 1,
                    title: '活动详情',
                    // shade: 0.5,
                    area: ['60%', '80%'],
                    btn:['关闭'],
                    content:'<div class="mainBg" style="background: #fff;">\n' +
                        '        <form action="/inspectorProblem/addProblem" id="datasave">\n' +
                        '            <input type="hidden" name="sendtime">\n' +
                        '            <input type="hidden" name="addname">\n' +
                        '            <input type="hidden" name="delname">\n' +
                        '            <div class="mainTitle" style="border: none;background: #f6f6f6;width: 90%;">\n' +
                        '                <ul class="mainTitleUl">\n' +
                        '                    <li style="    padding-top: 18px;text-align: center;height: 0px !important;border-bottom: none !important;"><span class="spanSize"></span> </li>\n' +
                        '                    <li class="bordercolor clearfix">\n' +
                        '                        <span style="left: -13px;    text-align: right;"><b>*</b>标题</span>\n' +
                        '                        <label style="width: 80%;">\n' +
                        '                            <input type="text" name="title" value="'+data.title+'" placeholder="请填写标题" style="background: #fcfcfc;    width: 80%; float: none; margin-top: 9px;" >\n' +
                        '                      </label>\n' +
                        '                    </li>\n' +
                        '                    <li class="bordercolor clearfix">\n' +
                        '                        <span style="left: -13px;    text-align: right;">类型</span>\n' +
                        '                        <label style="width: 80%;">\n' +
                        '                            <input type="text" name="type" placeholder="请填写类型" value="'+data.type+'" style="background: #fcfcfc;     width: 80%; float: none; margin-top: 9px;" >\n' +
                        '                        </label>\n' +
                        '                    </li>\n' +
                        '                    <li class="bordercolor clearfix">\n' +
                        '                        <span style="height: 80px;line-height: 80px;left: -13px;    text-align: right;">内容</span>\n' +
                        '                        <label style="width: 80%;height: 80px;">\n' +
                        '                            <textarea name="content" value="'+data.content+'" id="content" style=" width: 80%;border: none; height: 60px;margin-top:9px;" readonly="readonly">'+data.content+'</textarea>\n' +
                        '                        </label>\n' +
                        '                    </li>\n' +
                        '                    <li class="bordercolor clearfix">\n' +
                        '                        <span style="left: -13px;    text-align: right;"><b>*</b>发布时间</span>\n' +
                        '                        <label style="width: 80%;">\n' +
                        '                            <input type="text" id="time" value="'+data.sendtime+'" name="" placeholder="请填写发布时间" style="background: #fcfcfc;    width: 80%;float: none;margin-top: 0px; margin-top: 8px;" onclick="laydate({istime: true, format: \'YYYY-MM-DD hh:mm:ss\'})">\n' +
                        '                        </label>\n' +
                        '                    </li>\n' +
                        '                    <li class="bordercolor clearfix">\n' +
                        '                        <span style="left: -13px;    text-align: right;">发布人</span>\n' +
                        '                        <label style="width: 80%;">\n' +
                        '                            <input type="text" readonly="readonly" value="'+data.userName+'" name="senduser" placeholder="请填写发布人" style="background: #fcfcfc;    width: 80%;float: none;margin-top: 0px; margin-top: 8px;">\n' +
                        '                        </label>\n' +
                        '                    </li>\n' +
                        '                    <li class="bordercolor clearfix">\n' +
                        '                        <span style="left: -13px;    text-align: right;"><b>*</b>所属组织</span>\n' +
                        '                        <label style="width: 80%;">\n' +
                        '                            <input id="grid" type="text" readonly="readonly" name="orgdepid" value="'+data.orgdepid+'" style="background: #fcfcfc;     width: 80%; float: none; margin-top: 9px;background: white !important;" disabled="disabled">' +
                        // '<option selected>'+data.orgdepid+'</option>\n' +
                        '</input>\n' +
                        '                        </label>\n' +
                        '                    </li>\n' +
                        '                </ul>\n' +
                        '            </div>\n' +
                        '        </form>\n' +
                        '        <div style="width:100%;background: #f6f6f6">\n' +
                        '            <div class="mainTitle" style="padding:0 10px;border:none;background:#f6f6f6 ;width: 90%;">\n' +
                        '                <form id="uploadimgform" style=""target="uploadiframe"  action="../upload?module=attachment" enctype="multipart/form-data" method="post">\n' +
                        '                    <input type="file" multiple="multiple" name="file" id="uploadinputimg"  class="w-icon5" style="position: absolute;opacity: 0;width: 70px;cursor:pointer;\n' +
                        '                        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)">\n' +
                        '                    <ul class="mainTitleUl"  style="    margin-left: 0px;">\n' +
                        '                        <li class="bordercolor clearfix" style="border: none !important;    background: none;">\n' +
                        '                            <span style="height: 64px;line-height: 64px;left: -13px;    text-align: right;">附件</span>\n' +
                        '                            <label style="width: 80%;height: 64px;text-align: left;font-size:16px;border-bottom:none;line-height: 20px;">\n' +
                        '                                <div id="query_uploadArr" style="border: none;width: 80%;">'+str1+'</div>\n' +
                        '                            </label>\n' +
                        '                        </li>\n' +
                        '                    </ul>\n' +
                        '                </form>\n' +
                        '            </div>\n' +
                        '        </div>\n' +
                        '    </div>',
                    success:function(res){
                        $('input').css('border','none')

                        $('input').attr('readonly','readonly')
                    }
                    ,yes: function(index, layero){
                        layer.close(index)
                        $('input').css('border','1px solid #DFE4EB')
                        $('input[type="text"]').removeAttr('readonly');
                        // $('.tableList').show();
                    }
                })
            }
        })
    }
    function cssBor() {
        $('input').css('border','none')
    }
    //    ridio check
    function check(name,data){
        $(':radio[name="'+name+'"][value="'+data+'"]').prop('checked','check')
    }
    //    点击查询
    $('#query').click(function(){
        ajaxPageLe.data.unit=$('.info').val();
        ajaxPageLe.page();
    })

    //    点击导入
    $('#inport').click(function(){
        layer.open({
            type:1,
            title: ['动态监控台账信息导入', 'background-color:#2b7fe0;color:#fff;'],
            area: ['600px', '420px'],
            btn: ['导入', '取消'],
            content:'<div>' +
                '<form class="form1" name="form1" id="uploadForm" method="post" action="/enCaterParameter/importEnCaterParameter\n" enctype="multipart/form-data">' +
                '<table class="importTable"> ' +
                '<tr><td style="width: 100px;">下载导入模板：</td><td style="text-align: left;"><a id="model" style="cursor:pointer">动态监控台账信息模板下载</a></td></tr>' +
                '<tr> <td>选择导入文件：</td> <td><input style="width: auto" type="file" name="file"/></td> </tr>' +
                '<tr>' +
                '<td>说明：</td>'+
                '<td style="text-align: left;"><p>1、请导入.xls文件或者.xlsx。</p>'+
                //            '<p>2、请填写网格信息中已有网格。</p>'+
                ' </td> ' +
                '</tr>' +
                '</table>' +
                '</form>' +
                '</div>',
            success:function(){
                $('#model').click(function () {
                    window.location.href = encodeURI("/file/grid/business_account.xls");
                });
            },
            yes:function(obj){
                var flag = CheckForm();
                if (flag) {
                    layer.msg("正在导入中，请耐心等候", {icon: 1});
                    $.upload($('#uploadForm'), function (res) {
                        if(res.flag) {
                            layer.msg("导入成功", {icon: 1});
                        }else{
                            layer.msg("导入失败", {icon: 2});
                        }
                    });

                    layer.closeAll();
                }
            }
        })
    })
    function CheckForm(){
        if(document.form1.file.value==""){
            layer.msg("请导入至少一条数据！",{icon:2});
            return (false);
        }
        return (true);
    }

    //    点击导出
    $('#outport').click(function(){
        if($('.childCheck:checked').length<=0){
            $.layerMsg({content:'请选择至少一条数据',icon:6})
        }else{
            var arr=[]
            $('.childCheck:checked').each(function(){
                var id=$(this).parents('tr').attr('id');
                arr.push(id)
            })
            var str=arr.join()
            console.log(str)
            window.location.href= '<%=basePath%>inspectorProblem/outPutFile?ids='+str;
        }

    })

    //    重置
    function refresh(){
        $('#uploadimg').show();
        $('#query_uploadArr').html('');
        $('#content').val('')
        $('input[name="title"]').val('');//单位
        $('input[name="content"]').val('')//单位地址
        $('input[name="type"]').val('');//联系人
        $('input[name="senduser"]').val('');//联系电话
        $('#time').val('')
        $('input[name="orgdepid"]').val('');//灶头数
        $('#grid').find('option[value=""]').prop('select',true)
//        $('#grid').val(data.orgdepid).attr("selected",true);
        $('#query_uploadArr').html('');

    }
    //        附件上传
    $('#uploadimg').click(function(){
        me=this;
        $('#uploadinputimg').click()
    })
    $('#uploadinputimg').fileupload({
        dataType:'json',
        done: function (e, data) {
//            if(data.done.length>1){
//                layer.alert('只能上传一个附件!');
//                return ;
//            }
            if(data.result.obj != ''){
                var data = data.result.obj;
                var str = '';
                var str1 = '';

                for (var i = 0; i < data.length; i++) {
                    var gs = data[i].attachName.split('.')[1];
                    if(gs == 'jsp'||gs == 'css'||gs == 'js'||gs == 'html'||gs == 'java'||gs == 'php' ){
                        str += '';
                        layer.alert('jsp、css、js、html、java文件禁止上传!',{},function(){
                            layer.closeAll();
                        });
                    }else{
                        str+='<div class="dech" deUrl="'+encodeURI(data[i].attUrl)+'" style="display:block;"><a class="ATTACH_a" NAME="'+data[i].attachName+'*" href="<%=basePath %>download?'+encodeURI(data[i].attUrl)+'">'+data[i].attachName+'</a><img class="deImgs" style="margin-left:5px;cursor: pointer;" src="../img/file/icon_deletecha_03.png"/><input type="hidden" NAME="'+data[i].attachName+'*"  class="inHidden" value="'+data[i].aid+'@'+data[i].ym+'_'+data[i].attachId+',"></div>';
                    }
                }
                $('#query_uploadArr').append(str);
            } else{
                //alert('添加附件大小不能为空!');
                layer.alert('添加附件大小不能为空!',{},function(){
                    layer.closeAll();
                });
            }
        }
    });
    $('#query_uploadArr').on('click','.deImgs',function(){
        var data=$(this).parents('.dech').attr('deUrl');
        var dome=$(this).parents('.dech');
        deleteChatment(data,dome);
    });

    //删除附件
    function deleteChatment(data,element){
        layer.confirm('确定要删除吗？', {<%--确定要删除吗--%>
            btn: ['确定','取消'], //按钮  <%--确定 取消--%>
            title:'删除'  <%--删除附件--%>
        }, function(){
            //确定删除，调接口
            $.ajax({
                type:'get',
                url:'../delete',
                dataType:'json',
                data:data,
                success:function(res){

                    if(res.flag == true){
                        layer.msg('删除成功', { icon:6});<%--删除成功--%>
                        element.remove();
                    }else{
                        layer.msg('删除失败', { icon:6});<%--删除失败--%>
                    }
                }
            });

        }, function(){
            layer.closeAll();
        });
    }


    function getNowFormatDate(tm) {
        var date = new Date(tm);
        var seperator1 = "-";
        var seperator2 = ":";
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        var Hours = date.getHours();
        var Minutes = date.getMinutes();
        var Seconds = date.getSeconds();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        if (Hours >= 0 && Hours <= 9) {
            Hours = "0" + Hours;
        }
        if (Minutes >= 0 && Minutes <= 9) {
            Minutes = "0" + Minutes;
        }
        if (Seconds >= 0 && Seconds <= 9) {
            Seconds = "0" + Seconds;
        }
        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
            ' ' + Hours + seperator2 + Minutes +
            seperator2 + Seconds;
        return currentdate;
    }
    var time = {
        elem:'#time',
        format:'YYYY-MM-DD hh:mm:ss',
        min:laydate.now(),
        max:'2999-12-31 23:59:59',
        istime:true,//是否显示时分秒
        istoday:true,//是否显示【今天】的按钮
        isclear:true,//是否显示【清空】的按钮
        festival: true,//是否显示节日
        start: laydate.now(0,"YYYY-MM-DD hh:mm:ss"),  // 开始日期
        fixed: false,   // 是否固定在可视区域
        zIndex: 10000,  // css控制图层的遮罩效果（效果不明显）
        ready: function(dates){  // 选择好日期的回调
            console.log(dates)
        }
    }
    //    laydate(time);
    //    $('#time').val(laydate.now(0, 'YYYY-MM-DD hh:mm:ss'));

</script>
</body>
</html>
<script type="text/javascript">
    window.onload = function(){
        var _iframe2 = window.parent;
        var _div2 =_iframe2.document.getElementById('iframe2');
        // _div2.style.display = 'block';
        // iframeXiu.style.display = 'none';
        // iframeDel.style.display = 'none';
    }
</script>
